<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$item.order_number}</title>
    <style>
        body{text-align: center;}
        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
        ul,li{ list-style: none;}
        li{ display: inline-block; line-height: 30px;}
    </style>
</head>
<div class="print">
    <style>
        body{text-align: center;}
        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000;}
        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
        ul,li{ list-style: none;}
        li{ display: inline-block; line-height: 30px;}
    </style>
    <div class="table-c" id="printArea">
        <table border="0" cellspacing="0" cellpadding="0" width="880" >
            <thead></thead>
            <tbody>
            <tr>
                <td width="150">{in name="$item.order_type" value="1,3"}包含商品{else/}所属分类{/in}</td>
                <td>{$item.cat_name}{notempty name="$item.one_cat"}->{/notempty}{$item.one_cat}</td>
                <td>订单编号</td>
                <td>{$item.order_number}</td>
                <!--{eq name=":request()->controller()" value="GiftOrder"}-->
                <!--<td class="right_td"></td>-->
                <!--{/eq}-->
            </tr>
            <tr>
                <td>服务门店</td>
                <td>{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</td>
                <td>下单/退款 时间</td>
                <td>{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td>
                <!--{eq name=":request()->controller()" value="GiftOrder"}-->
                <!--<td class="right_td"></td>-->
                <!--{/eq}-->
            </tr>
            <tr>
                <td>{in name="$item.order_type" value="1,3"}买家账号{else/}用户账号{/in}</td>
                <td>{$item.username}</td>
                <td>车牌号</td>
                <td class="jia_td">
                    <span style="display: none;">131</span>
                    {notempty name="$item.car_number"}{$item.car_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" class="jia_add_int" type="text"/>{/notempty}
                </td>
                <!--{eq name=":request()->controller()" value="GiftOrder"}-->
                <!--<td class="right_td"></td>-->
                <!--{/eq}-->
            </tr>
            <tr>
                <td>品牌型号</td>
                <td>{notempty name="$item.brand_number"}{$item.brand_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>
                <td>车辆识别码</td>
                <td>{notempty name="$item.id_code"}{$item.id_code}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>
                <!--{eq name=":request()->controller()" value="GiftOrder"}-->
                <!--<td class="right_td"></td>-->
                <!--{/eq}-->
            </tr>
            <tr>
                <td>服务金额</td>
                <td>{$item.amount}</td>
                <td>备注</td>
                <td>{$item.explain}</td>
                <!--{eq name=":request()->controller()" value="GiftOrder"}-->
                <!--<td class="right_td"></td>-->
                <!--{/eq}-->
            </tr>
            {eq name="$item.single_id" value="11"}
            <tr>
                <td>轮胎寄存时间</td>
                <td>{$item.start_time}</td>
                <td>{$item.end_time}</td>
                <!--{eq name=":request()->controller()" value="GiftOrder"}-->
                <!--<td class="right_td"></td>-->
                <!--{else/}-->
                <!--<td></td>-->
                <!--{/eq}-->
            </tr>
            {/eq}
            <!--{volist name="$shop_assignor_records" id="vo"}-->
            <!--<tr class="service_people">-->
                <!--{eq name="key" value="0"}-->
                <!--<td rowspan="{:count($shop_assignor_records)}">服务人员提成</td>-->
                <!--{/eq}-->
                <!--<td colspan="1">{$vo.name}</td>-->
                <!--<td rowspan="1">{$vo.assignor_content}</td>-->
                <!--<td colspan="1">{$vo.assignor_price} 元</td>-->
                <!--{eq name=":request()->controller()" value="GiftOrder"}-->
                <!--<td colspan="1" class="right_td">{$vo.create_time}</td>-->
                <!--{/eq}-->
            <!--</tr>-->
            <!--{/volist}-->
            <tr>
                <td>是否认证</td><td>{switch name="$item.is_certification"}{case 1}未认证{/case}{case 3}等待认证{/case}{case 2}已认证{/case}{/switch}</td>
                <td>绩效订单</td><td>{switch name="item.finance_order"}
                {case 1}业务员订单{/case}
                {case 2}二维码订单{/case}
                {case 3}门店订单{/case}
                {case 4}普通订单{/case}
                {default /}-
                {/switch}</td>
            </tr>
            <tr><td>(线上/下)订单：</td><td>{switch name="item.order_online"}
                {case 1}线上订单{/case}
                {case 2}线下订单{/case}
                {default /}-
                {/switch}</td><td>订单状态</td><td>{switch name="item.status"}
                {case 1}未支付{/case}
                {case 6}进行中{/case}
                {case 5}待评价{/case}
                {case 4}完成{/case}
                {case 10}退款中{/case}
                {case 11}退款成功{/case}
                {case 12}退款失败{/case}
                {case 20}已取消({$item.cancel_content}){/case}
                {/switch}</td></tr>
            <tr>
                <td>支付方式</td><td>{switch name="item.order_online"}{case 1}线上{/case}{case 2}线下{/case}{/switch}</td>
                <td>支付类型</td><td>{switch name="$item.pay_type"}{case 1}微信{/case}{case 2}支付宝{/case}{default /}-{/switch}</td>
            </tr>
            <tr>
                <td>是否开发票</td><td>{switch name="item.bill"}{case 1}开{/case}{case 2} 否{/case}{default /}{/switch}</td>
                <td>礼包标题</td><td>{$item.gift_title}</td>
            </tr>
            </tbody>
        </table>
        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="880" style="margin-top: 10px;">
            <tr align="center" style="font-size: 16px;">
                <td width="189">服务分类</td>
                <td style="width: 235px;">服务内容</td>
                <td style="width: 140px;" width="90">总(剩)次数</td>
                <td style="width: 120px;">服务期限</td>
                <td style="width: 120px;">结束时间</td>

            </tr>
            {volist name='order_gift_count' id='vo'}
            <tr align="center">
                <td style="width: 136px;">{$vo.cat_name|default=''}</td>
                <td style="width: 173px;">{$vo.cat_name2|default=''}</td>
                <td>{$vo.gift_origin_count|default=''}({$vo.gift_count|default=''})</td>
                <td>{$vo.day}(天)</td>
                <td>{$vo.end_time}</td>
            </tr>
            {/volist}
        </table>
        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="880" style="margin-top: 10px;">
            <tr align="center" style="font-size: 16px;">
            <tr align="center" style="font-size: 16px;">
                <td width="160">服务门店</td>
                <td width="70">服务人员</td>
                <td width="70">服务分类</td>
                <td width="150">服务内容</td>
                <td width="70">提成金额</td>
                <td width="150">消费日期</td>
                <td width="150">用户是否确认使用</td>
                {eq name=":session('auding_status')" value="2"}
                <td>操作</td>
                {/eq}
            </tr>
            {volist name='gift_assignor_records' id='vo'}
            <tr align="center">
                <td>{$vo.shop_title|default=''}</td>
                <td>{$vo.name|default=''}</td>
                <td>{$vo.cat_name|default=''}</td>
                <td>{$vo.assignor_content|default=''}</td>
                <td>{$vo.assignor_price|default=''}</td>
                <td>{$vo.create_time|default=''}</td>
                <td>
                    {switch name="$vo.is_agree"}
                    {case 1}未确认{/case}
                    {case 2}已确认{/case}
                    {/switch}
                </td>
                {eq name=":session('auding_status')" value="2"}
                <td onclick="del({$vo.id})">删除</td>
                {/eq}
            </tr>
            {/volist}
            </tr>
        </table>

        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="880" style="margin-top: 10px;">
            <tr align="center" style="font-size: 16px;">
                <td >服务门店</td>
                <td>商品规格</td>
                <td >数量</td>
                <td >消费日期</td>
                {eq name=":session('auding_status')" value="2"}
                <td>操作</td>
                {/eq}
            </tr>
            {volist name='service_order_goods' id='vo'}
            <tr align="center">
                <td>{$vo.shop_title|default=''}</td>
                <td>{$vo.spec_id}-{$vo.title|default=''}-{$vo.attribute|default=''}</td>
                <td>{$vo.number|default=''}</td>
                <td>{$vo.create_time|default=''}</td>
                {eq name=":session('auding_status')" value="2"}
                <td onclick="del({$vo.id})">删除</td>
                {/eq}
            </tr>
            {/volist}
        </table>
        {if $item.is_free_order eq 2}
        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="880" style="margin-top: 10px;">
            <tr><td>审核状态</td><td>一级审核</td><td>二级审核</td><td>三级审核</td></tr>
            <tr>
                <td class="td0">
                    {switch name="$item.auding_status"}
                    {case 1}等待审核{/case}
                    {case 2}审核成功{/case}
                    {case 3}审核失败{/case}
                    {/switch}
                </td>
                <td class="td1">
                    {switch name="$item.auding_status1"}
                    {case 1}等待审核{/case}
                    {case 2}审核成功{/case}
                    {case 3}审核失败{/case}
                    {/switch}
                </td>
                <td class="td2">
                    {switch name="$item.auding_status2"}
                    {case 1}等待审核{/case}
                    {case 2}审核成功{/case}
                    {case 3}审核失败{/case}
                    {/switch}
                </td>
                <td class="td3">
                    {switch name="$item.auding_status3"}
                    {case 1}等待审核{/case}
                    {case 2}审核成功{/case}
                    {case 3}审核失败{/case}
                    {/switch}
                </td>
            </tr>
        </table>
        {/if}
        {if condition="strpos('11,10,12',(string)$item.status) !== false"}
        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="880" style="margin-top: 10px;">
                    <tr align="center" style="font-size: 16px;">
                        <td>申请者</td>
                        <td>申请门店</td>
                        <td>审核状态</td>
                        <td>审核时间</td>
                        <td>失败原因</td>
                    </tr>
                    {volist name='refund_order_audit_records' id='goods_list'}
                    <tr align="center">
                        <td>{$goods_list.username|default=''}</td>
                        <td>{$goods_list.shop_title|default=''}</td>
                        <td>
                            {switch name="$goods_list.status"}
                            {case 11}审核成功{/case}
                            {case 12}审核失败{/case}
                            {/switch}
                        </td>
                        <td>{$goods_list.create_time|default=''}</td>
                        <td>{$goods_list.fail_explain|default=''}</td>
                    </tr>
                    {/volist}
                </table>

        {/if}

    </div>
</div>
<!--<button type="button"  class="btn btn-danger" id="sp2">重新选择</button>-->
<!--<button type="button"  class="btn btn-danger" id="sp">隐藏服务人员提成</button>-->
<button type="button"  class="btn btn-danger" id="btnPrint">打印订单</button>
<script src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script src="/jquery.PrintArea.js" type="text/JavaScript" language="javascript"></script>

<script>
    //    $("#sp").click(function(){
    //        $('.service_people').toggle();
    //
    //    });
    //var a =$.getScript("/get.js");
    //console.log(a);
    function haha() {
//    window.onload = function () {
//    var a =$.getScript("/jquery.PrintArea.js");
//    //alert(a);
//    };
    }
    $(document).ready(function(){
        $("#sp").toggle(
            function(){
                //$(".service_people").css("background-color","green");},
//                $(".service_people").attr("style","display:none");
//                $(".right_td").attr("style","display:none");
               $("#table3").hide();
                $(this).text('隐藏服务人员提成');
            },
            function(){
                $("#table3").show();
                $(this).html('显示服务人员提成');
                //$(".service_people").css("background-color","red");
            }

//            ,
//        function(){
//            $("body").css("background-color","yellow");}
        );
    });
    $('#sp2').click(function(){
        history.go(0);
    });
    $(document).ready(function(){
        $(".right_td").toggle(
            function(){
                var current_time = $(this).text();//当前点击时间
                var last_time = ''; //默认没有点击时间是空

                //$(".service_people").css("background-color","green");},
                $('.right_td').each(function(){
                    var other_time = $(this).text();
                    $(this).hide();
                    $('.service_people').hide();
                    if(current_time == other_time){
                        //$(this).remove();
                        last_time = current_time; //
                    }
                });
                var i = 0;
                var arr = [];
                $('.service_people .right_td').each(function(index,item){ //循环右侧的right_td
                    var other_time2 = $(this).text(); //获取循环的各个时间
                    if(current_time == other_time2){
                        //$(this).remove();
                        i++; //获得同一时间段有多少个元素
                        var cont = $(this).parent().find('td').eq(0).text();
                        $(this).parent().show(); //同一时间段各个显示
                        arr.push(index); //把选中的同一时间段 索引放入数组
//                    if(i == 1 && cont != '服务人员提成'){
//                         var str = '<td rowspan="'+i+'">服务人员提成</td>';
//                        $(this).parent().prepend(str);
//                    }
                        //if(index == 0){ //不等于0说明不是第一组 0 1一组也可能多个 但是只执行一次
//                    if(cont != '服务人员提成'){
//
//                    }

                        //}

//                    if(index != 0){
//                        var str = '<td rowspan="'+i+'">服务人员提成</td>';
//                        $(this).parent().prepend(str);
//                    }
                    }



                });
                console.log(arr);
                var ii = $.inArray(0, arr);
                if(ii == -1){ //如果不包含索引 0 就得添加 第一个td 第一个元素加一次可以了就
                    //alert(arr[0]);//第一个索引
                    var str = '<td rowspan="'+i+'">服务人员提成</td>';
                    $('.service_people').eq(arr[0]).prepend(str);

                }

            },
            function(){
//            $(".service_people").removeAttr("style");
//            $(".right_td").removeAttr("style");
//            $(this).html('显示服务人员提成');
                //$(".service_people").css("background-color","red");
            }

//            ,
//        function(){
//            $("body").css("background-color","yellow");}
        );
    });


    $("#btnPrint").click(function () {
        $(".print").printArea();
    });
    //window.onload = function () {
    //    $("#btnPrint").on('click', function () {
    //        $(".print").printArea();
    //    });
    //};


</script>
</body>
<style>
    body{text-align: center;}
    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
    ul,li{ list-style: none;}
    li{ display: inline-block; line-height: 30px;}
</style>
</html>
<style>
    body{text-align: center;}
    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
    ul,li{ list-style: none;}
    li{ display: inline-block; line-height: 30px;}
</style>
<!--<script>-->
<!--$(".jia_td").click(function(){-->
<!--$(".jia_add_int").show();-->
<!--$(".jia_add_int").prev().hide();-->
<!--$(".jia_add_int").focus();-->
<!--});-->
<!--$(".jia_add_int").change(function(){-->
<!--//        console.log($(this).val());-->
<!--var a = ($(this).val());-->
<!--$(this).prev().text(a);-->
<!--});-->
<!--$(".jia_add_int").blur(function () {-->
<!--$(".jia_add_int").hide();-->
<!--$(this).prev().show();-->
<!--})-->
<!--</script>-->
